﻿<!DOCTYPE html>
<html>
  <head>
    <title>物业缴费</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/物业缴费_1/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/物业缴费_1/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u5497" class="ax_default box_1">
        <div id="u5497_div" class=""></div>
        <div id="u5497_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5498" class="ax_default box_1">
        <div id="u5498_div" class=""></div>
        <div id="u5498_text" class="text ">
          <p><span style="text-decoration:none;">04栋3单元0201号 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5499" class="ax_default icon">
        <img id="u5499_img" class="img " src="images/周边详情/u55.svg"/>
        <div id="u5499_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5500" class="ax_default box_1">
        <div id="u5500_div" class=""></div>
        <div id="u5500_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5501" class="ax_default label">
        <div id="u5501_div" class=""></div>
        <div id="u5501_text" class="text ">
          <p><span style="text-decoration:none;">缴费记录</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u5502" class="ax_default placeholder">
        <img id="u5502_img" class="img " src="images/物业缴费/u4556.svg"/>
        <div id="u5502_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5503" class="ax_default label">
        <div id="u5503_div" class=""></div>
        <div id="u5503_text" class="text ">
          <p><span style="text-decoration:none;">未缴金额</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5504" class="ax_default label">
        <div id="u5504_div" class=""></div>
        <div id="u5504_text" class="text ">
          <p style="font-size:14px;"><span style="text-decoration:none;">¥ </span><span style="font-size:20px;text-decoration:none;">264.38</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5505" class="ax_default box_1">
        <div id="u5505_div" class=""></div>
        <div id="u5505_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u5506" class="ax_default checkbox selected">
        <label id="u5506_input_label" for="u5506_input" style="position: absolute; left: 0px;">
          <img id="u5506_img" class="img " src="images/物业缴费/u4560_selected.svg"/>
          <div id="u5506_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u5506_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5507" class="ax_default label">
        <div id="u5507_div" class=""></div>
        <div id="u5507_text" class="text ">
          <p><span style="text-decoration:none;">张三费用合计：¥ </span><span style="text-decoration:none;color:#FF0000;">264.38</span><span style="text-decoration:none;">元</span></p>
        </div>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u5508" class="ax_default checkbox selected">
        <label id="u5508_input_label" for="u5508_input" style="position: absolute; left: 0px;">
          <img id="u5508_img" class="img " src="images/物业缴费/u4562_selected.svg"/>
          <div id="u5508_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u5508_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5509" class="ax_default label">
        <div id="u5509_div" class=""></div>
        <div id="u5509_text" class="text ">
          <p><span style="text-decoration:none;">李四费用合计：¥ </span><span style="text-decoration:none;color:#FF0000;">151.87</span><span style="text-decoration:none;">元</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5510" class="ax_default icon">
        <img id="u5510_img" class="img " src="images/物业缴费/u4564.svg"/>
        <div id="u5510_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5511" class="ax_default icon">
        <img id="u5511_img" class="img " src="images/物业缴费/u4564.svg"/>
        <div id="u5511_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5512" class="ax_default label">
        <div id="u5512_div" class=""></div>
        <div id="u5512_text" class="text ">
          <p><span style="text-decoration:none;">根据业主进行展示</span></p><p><span style="text-decoration:none;">1，如果存在过户，上一个业主费用没有结清，下一个业主还有未缴费用，则会存在两个列表</span></p>
        </div>
      </div>

      <!-- 未缴详情 (动态面板) -->
      <div id="u5513" class="ax_default ax_default_hidden" data-label="未缴详情" style="display:none; visibility: hidden">
        <div id="u5513_state0" class="panel_state" data-label="State1" style="">
          <div id="u5513_state0_content" class="panel_state_content">

            <!-- Unnamed (复选框) -->
            <div id="u5514" class="ax_default checkbox selected">
              <label id="u5514_input_label" for="u5514_input" style="position: absolute; left: 0px;">
                <img id="u5514_img" class="img " src="images/物业缴费/u4568_selected.svg"/>
                <div id="u5514_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5514_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5515" class="ax_default label">
              <div id="u5515_div" class=""></div>
              <div id="u5515_text" class="text ">
                <p><span style="text-decoration:none;">2019年09月费用：¥ 20.22(含违约金¥16.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5516" class="ax_default icon">
              <img id="u5516_img" class="img " src="images/物业缴费/u4564.svg"/>
              <div id="u5516_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u5517" class="ax_default checkbox selected">
              <label id="u5517_input_label" for="u5517_input" style="position: absolute; left: 0px;">
                <img id="u5517_img" class="img " src="images/物业缴费/u4571_selected.svg"/>
                <div id="u5517_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5517_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5518" class="ax_default icon">
              <img id="u5518_img" class="img " src="images/物业缴费/u4564.svg"/>
              <div id="u5518_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5519" class="ax_default label">
              <div id="u5519_div" class=""></div>
              <div id="u5519_text" class="text ">
                <p><span style="text-decoration:none;">2019年08月费用：¥ 33.32(含违约金¥12.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u5520" class="ax_default checkbox selected">
              <label id="u5520_input_label" for="u5520_input" style="position: absolute; left: 0px;">
                <img id="u5520_img" class="img " src="images/物业缴费/u4574_selected.svg"/>
                <div id="u5520_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5520_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5521" class="ax_default icon">
              <img id="u5521_img" class="img " src="images/物业缴费/u4564.svg"/>
              <div id="u5521_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5522" class="ax_default label">
              <div id="u5522_div" class=""></div>
              <div id="u5522_text" class="text ">
                <p><span style="text-decoration:none;">2019年07月费用：¥ 48.62(含违约金¥11.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u5523" class="ax_default checkbox selected">
              <label id="u5523_input_label" for="u5523_input" style="position: absolute; left: 0px;">
                <img id="u5523_img" class="img " src="images/物业缴费/u4577_selected.svg"/>
                <div id="u5523_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5523_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5524" class="ax_default label">
              <div id="u5524_div" class=""></div>
              <div id="u5524_text" class="text ">
                <p><span style="text-decoration:none;">2019年06月费用：¥ 49.71(含违约金¥33.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5525" class="ax_default label">
              <div id="u5525_div" class=""></div>
              <div id="u5525_text" class="text ">
                <p><span style="text-decoration:none;">清洁费</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5526" class="ax_default label">
              <div id="u5526_div" class=""></div>
              <div id="u5526_text" class="text ">
                <p><span style="text-decoration:none;">¥ 8.00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5527" class="ax_default label">
              <div id="u5527_div" class=""></div>
              <div id="u5527_text" class="text ">
                <p><span style="text-decoration:none;">水费</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5528" class="ax_default label">
              <div id="u5528_div" class=""></div>
              <div id="u5528_text" class="text ">
                <p><span style="text-decoration:none;">¥ 8.32</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5529" class="ax_default label">
              <div id="u5529_div" class=""></div>
              <div id="u5529_text" class="text ">
                <p><span style="text-decoration:none;">违约金</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5530" class="ax_default label">
              <div id="u5530_div" class=""></div>
              <div id="u5530_text" class="text ">
                <p><span style="text-decoration:none;">¥ 33.39</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5531" class="ax_default icon">
              <img id="u5531_img" class="img " src="images/物业缴费/u4585.svg"/>
              <div id="u5531_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5532" class="ax_default line">
              <img id="u5532_img" class="img " src="images/物业缴费/u4586.svg"/>
              <div id="u5532_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5533" class="ax_default line">
              <img id="u5533_img" class="img " src="images/物业缴费/u4586.svg"/>
              <div id="u5533_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5534" class="ax_default line">
              <img id="u5534_img" class="img " src="images/物业缴费/u4586.svg"/>
              <div id="u5534_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 收起 (形状) -->
      <div id="u5535" class="ax_default icon" data-label="收起">
        <img id="u5535_img" class="img " src="images/物业缴费/u4585.svg"/>
        <div id="u5535_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 展开 (形状) -->
      <div id="u5536" class="ax_default icon" data-label="展开">
        <img id="u5536_img" class="img " src="images/物业缴费/u4564.svg"/>
        <div id="u5536_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线) -->
      <div id="u5537" class="ax_default line">
        <img id="u5537_img" class="img " src="images/发布租售/u1359.svg"/>
        <div id="u5537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5538" class="ax_default label">
        <div id="u5538_div" class=""></div>
        <div id="u5538_text" class="text ">
          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">如需缴费凭证，可至服务中心领取</span><span style="font-family:'Arial Normal', 'Arial';text-decoration:none;">。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5539" class="ax_default label">
        <div id="u5539_div" class=""></div>
        <div id="u5539_text" class="text ">
          <p><span style="text-decoration:none;">本次缴纳金额：¥</span><span style="text-decoration:none;color:#FF0000;">264.38</span><span style="text-decoration:none;">元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5540" class="ax_default button">
        <div id="u5540_div" class=""></div>
        <div id="u5540_text" class="text ">
          <p><span style="text-decoration:none;">立即缴费</span></p>
        </div>
      </div>

      <!-- 房号 (动态面板) -->
      <div id="u5541" class="ax_default ax_default_hidden" data-label="房号" style="display:none; visibility: hidden">
        <div id="u5541_state0" class="panel_state" data-label="State1" style="">
          <div id="u5541_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5542" class="ax_default box_1">
              <div id="u5542_div" class=""></div>
              <div id="u5542_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5543" class="ax_default label">
              <div id="u5543_div" class=""></div>
              <div id="u5543_text" class="text ">
                <p><span style="text-decoration:none;">房号</span></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5544" class="ax_default line">
              <img id="u5544_img" class="img " src="images/租售详情/u1198.svg"/>
              <div id="u5544_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5545" class="ax_default line">
              <img id="u5545_img" class="img " src="images/租售详情/u1198.svg"/>
              <div id="u5545_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5546" class="ax_default label">
              <div id="u5546_div" class=""></div>
              <div id="u5546_text" class="text ">
                <p><span style="text-decoration:none;">04栋1单元02层0201号</span></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5547" class="ax_default line">
              <img id="u5547_img" class="img " src="images/租售详情/u1198.svg"/>
              <div id="u5547_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5548" class="ax_default label">
              <div id="u5548_div" class=""></div>
              <div id="u5548_text" class="text ">
                <p><span style="text-decoration:none;">05栋1单元02层0201号</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5549" class="ax_default label">
        <div id="u5549_div" class=""></div>
        <div id="u5549_text" class="text ">
          <p><span style="text-decoration:none;">房号：点击可选择切换多个房屋信息数据，一般情况是不存在在1个小区里面1个人对应多个房屋的情况</span></p><p><span style="text-decoration:none;">1，如果有多个房号可选择，则进行选择切换</span></p><p><span style="text-decoration:none;">2，如果只有一个房号，则只展示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5550" class="ax_default label">
        <div id="u5550_div" class=""></div>
        <div id="u5550_text" class="text ">
          <p><span style="text-decoration:none;">2，缴费详情中的“清洁费、水费等分类根据具体的小区不同类型不同”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5551" class="ax_default label">
        <div id="u5551_div" class=""></div>
        <div id="u5551_text" class="text ">
          <p><span style="text-decoration:none;">3，立即缴费：点击弹出交易密码输入框</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
